<link rel="import" href="head.html?__inline">
<div class="head">
    <div class="container clearfix">
        <img src="images/logo.png" alt=""/><span>河北省安全科技技术中心在线培训系统</span>
        <ul>
            <li><a href="/index.html" class="active">首页</a></li>
            <li><a href="/training-plan.html">培训计划</a></li>
            <li><a href="/complete-plan.html">个人中心</a></li>
            <li><a href="/teacher-resources.html">师资管理</a></li>
            <li><a href="/novice-help.html">帮助中心</a></li>
        </ul>
    </div>
</div>
<!--head---end-->
<div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
    <ol class="carousel-indicators carousel-indicators-o">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="active item"><img src="images/home_banner.png">

        </div>
        <div class="item"><img src="images/home_banner.png">

        </div>
        <div class="item"><img src="images/home_banner.png">

        </div>
    </div>
</div>
<!--banner---end-->

<div class="announ">
    <div class="container">
        <div class="new-announ clearfix">
            <div class="new-aone clearfix"><img src="images/home_notification.png" alt="">

                <p>通知公告：</p>
                <div class="news-scr">
                    <ul class="news-n">
                        <li><a href="">最新安全法于今日发布</a></li>
                        <li><a href="">最什么跟什么啊这是，真烦人是，真烦人是，真烦人是，</a></li>
                        <li><a href="">最asda今日发布</a></li>
                        <li><a href="">最新asd今日发布</a></li>
                    </ul>
                </div>
                <span class="vertical">|</span>
                <a href="/announcement.html"><span>更多>></span></a></div>
            <div class="new-aone clearfix"><img src="images/home_guide.png" alt="" class="pen">
                <p>报考指南：</p>
                <div class="new-scr">
                    <ul class="new-n">
                        <li><a href="">最新安全法于今日发布</a></li>
                        <li><a href="">最什么跟什么啊这是，真烦人是，真烦人是，真烦人是，</a></li>
                        <li><a href="">最asda今日发布</a></li>
                        <li><a href="">最新asd今日发布</a></li>
                    </ul>
                </div>
                <a href="/apply.html"><span>更多>></span></a>
            </div>
        </div>
    </div>
</div>
<div class="choice">
    <div class="container">
        <div class="choice-c clearfix">
            <div class="choice-one clearfix">
                <span class="ch-nu">1.</span>
                <div class="cz-s">
                    <span>培训对象</span>
                    <select name="" id="">
                        <option value="">--请选择您的资格类型</option>
                    </select></div>
            </div>
            <div class="choice-two clearfix">
                <span class="ch-nu">2.</span>
                <div class="choice-div self-c clearfix">
                    <div class="cz-o c-sel">
                        <span>作业类别</span>
                        <select name="" id="" class="">
                            <option value="">--请选择您的资格类型</option>
                        </select></div>
                    <div class="cz-o">
                        <span>准操项目</span>
                        <select name="" id="">
                            <option value="">--请选择您的资格类型</option>
                        </select></div>
                </div>
                <div class="choice-div o-ch clearfix">
                    <div class="cz-o c-sel">
                        <span>单位类型</span>
                        <select name="" id="" class="">
                            <option value="">--请选择您的资格类型</option>
                        </select></div>
                    <div class="cz-o">
                        <span>考核性质</span>
                        <select name="" id="">
                            <option value="">--请选择您的资格类型</option>
                        </select></div>
                </div>
                <div class="choice-div clearfix"><input type="text"><a href=""><img src="images/sea.png" alt="">&nbsp搜索</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="first-new">
    <div class="container">
        <div class="first-newplan clearfix"><span class="n-plan">最新计划</span><span class="shug">|</span><span>每月新课</span><a
                href="/training-plan.html"><span class="new-more">更多>></span></a></div>
        <ul ms-controller="trainingPlan">
            <li class="list clearfix" ms-for="el in @data.rows"><img ms-attr="{src:el.coverUrl}" alt=""/>
                <div class="cl-sub clearfix">
                    <div class="safe-c">
                        <div class="safe-p"><img src="images/home_label_new.png" alt="">{{el.name}}</div>
                        <p>{{el.synopsis}}</p>
                        <div class="clearfix"><i>{{el.price}}</i><span>(字段不清楚)人学习</span><span class="das">|</span><span>{{el.classTime}}课时</span><span class="das">|</span><span>截止时间：{{@strTime(el.registrationDeadline)}}</span>
                        </div>
                    </div>
                    <div class="safe-con">
                        <div>
                            <p class="fir-p">培训对象：{{el.baseObjId}}</p>
                            <p>单位类型：{{el.baseUnit.name}}</p>
                            <p>考核性质：{{el.baseExam.name}}</p>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="two-new" ms-controller="trainingPlanbyMounthList">
    <div class="container">
        <div class="first-newplan clearfix"><span class="n-plan">{{@data.month}}月计划</span><span
                class="shug">|</span><span>{{@data.month}}月新课</span><a
                href="/training-plan.html"><span class="new-more">更多>></span></a></div>
        <ul>
            <li class="list clearfix" ms-for="el in @data.page.rows"><img ms-attr="{src:el.coverUrl}" alt=""/>
                <div class="cl-sub clearfix">
                    <div class="safe-c">
                        <div class="safe-p"><img src="images/home_label_new.png" alt="">{{el.name}}</div>
                        <p>{{el.synopsis}}</p>
                        <div class="clearfix"><i>￥{{el.price}}</i><span>3056人学习</span><span class="das">|</span><span>{{el.classTime}}课时</span><span
                                class="das">|</span><span>截止时间：{{@strTime(el.registrationDeadline)}}</span></div>
                    </div>
                    <div class="safe-con">
                        <div>
                            <p class="fir-p">培训对象：{{el.objName}}</p>
                            <p>单位类型：{{el.baseUnit}}</p>
                            <p>考核性质：{{el.examName}}</p>
                        </div>
                    </div>
                </div>
            </li>
            <!-- <li class="list clearfix"><img src="images/home_img01.png" alt="">
              <div class="cl-sub clearfix">
                  <div class="safe-c">
                      <div class="safe-p"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                      <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                      <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                  </div>
                  <div class="safe-con">
                  <div>
                      <p class="fir-p-n">培训对象：安全管理人员</p>
                      <p>单位类型：危险运营</p>
                      <p>单位类型：危险运营</p>
                      <p>考核性质：复审</p>
                      </div>
                  </div>
              </div>
            </li>
             <li class="list clearfix"><img src="images/home_img01.png" alt="">
              <div class="cl-sub clearfix">
                  <div class="safe-c">
                      <div class="safe-p"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                      <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                      <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                  </div>
                  <div class="safe-con">
                  <div>
                      <p class="fir-p">培训对象：安全管理人员</p>
                      <p>单位类型：危险运营</p>
                      <p>考核性质：复审</p>
                      </div>
                  </div>
              </div>
            </li>
             <li class="list clearfix"><img src="images/home_img01.png" alt="">
              <div class="cl-sub clearfix">
                  <div class="safe-c">
                      <div class="safe-p"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                      <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                      <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                  </div>
                  <div class="safe-con">
                  <div>
                      <p class="fir-p">培训对象：安全管理人员</p>
                      <p>单位类型：危险运营</p>
                      <p>考核性质：复审</p>
                      </div>
                  </div>
              </div>
            </li>-->
        </ul>
    </div>
</div>
<div class="first-new" ms-controller="prevMonthTraPlanList">
    <div class="container">
        <div class="first-newplan clearfix"><span class="n-plan">{{@data.month}}月计划</span><span
                class="shug">|</span><span>{{@data.month}}月新课</span><a
                href="/training-plan.html"><span class="new-more">更多>></span></a></div>
        <ul>
            <li class="list clearfix" ms-for="el in @data.page.rows"><img ms-attr="{src:el.coverUrl}" alt=""/>
                <div class="cl-sub clearfix">
                    <div class="safe-c">
                        <div class="safe-p"><img src="images/home_label_new.png" alt="">{{el.name}}</div>
                        <p>{{el.synopsis}}</p>
                        <div class="clearfix"><i>￥{{el.price}}</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span
                                class="das">|</span><span>截止时间：{{@strTime(el.registrationDeadline)}}</span></div>
                    </div>
                    <div class="safe-con">
                        <div>
                            <p class="fir-p">培训对象：安全管理人员</p>
                            <p>单位类型：危险运营</p>
                            <p>考核性质：复审</p>
                        </div>
                    </div>
                </div>
            </li>

        </ul>
    </div>
</div>
<div class="three-new">
    <div class="container" ms-controller="noticesByType">
        <div class="first-newplan clearfix"><span class="n-plan">最新活动</span><span class="shug">|</span>
            <span>每日更新</span><a href="/latest-activities.html"><span class="new-more">更多>></span></a></div>
        <ul>
            <li class="school-new clearfix" ms-for="el in @data.rows"><a href="" ms-html="el.content"></a><span>{{@strTime(el.endTime)}}</span>
            </li>

        </ul>
    </div>
</div>
<div class="four-new">
    <div class="container">

        <div class="teacher-tem"><span></span><i>教师团队</i><span></span></div>
        <ul>
            <li class="tea-one-first">
                <div class="tea-one">
                    <img src="images/home_teacher02.png" alt="">
                    <div class="clearfix"><span>承台发</span><span class="tea-name">研发总监</span></div>
                    <p>曾任职于南大苏福特、中太数据等知名，丰富的系统架构设计、研发规划、技术开发管理、项目实施及管理经验。</p>
                </div>
            </li>
            <li>
                <div class="tea-one">
                    <img src="images/home_teacher02.png" alt="">
                    <div class="clearfix"><span>承台发</span><span class="tea-name">研发总监</span></div>
                    <p>曾任职于南大苏福特、中太数据等知名，丰富的系统架构设计、研发规划、技术开发管理、项目实施及管理经验。</p>
                </div>
            </li>
            <li>
                <div class="tea-one">
                    <img src="images/home_teacher02.png" alt="">
                    <div class="clearfix"><span>承台发</span><span class="tea-name">研发总监</span></div>
                    <p>曾任职于南大苏福特、中太数据等知名，丰富的系统架构设计、研发规划、技术开发管理、项目实施及管理经验。</p>
                </div>
            </li>
            <li>
                <div class="tea-one">
                    <img src="images/home_teacher02.png" alt="">
                    <div class="clearfix"><span>承台发</span><span class="tea-name">研发总监</span></div>
                    <p>曾任职于南大苏福特、中太数据等知名，丰富的系统架构设计、研发规划、技术开发管理、项目实施及管理经验。</p>
                </div>
            </li>
            <li>
                <div class="tea-one">
                    <img src="images/home_teacher02.png" alt="">
                    <div class="clearfix"><span>承台发</span><span class="tea-name">研发总监</span></div>
                    <p>曾任职于南大苏福特、中太数据等知名，丰富的系统架构设计、研发规划、技术开发管理、项目实施及管理经验。</p>
                </div>
            </li>
        </ul> <!--<img src="images/home_theoriginalpoint.png" alt="" class="left-z">
        <img src="images/home_aftertheclickpoint.png" alt="" class="left-r">-->
    </div>

</div>
<!--content---end-->
<link rel="import" href="footer.html?__inline">

<script>
    function lunbo() {
        $(".news-n").animate({marginTop: -40}, 1000, function () {
            $(this).css({marginTop: 0});
            $(".news-n li:last").after($(".news-n li:first"))
        })
    }
    var t = setInterval(lunbo, 3000)
    $(".news-src").mouseenter(function () {
        clearInterval(t)
    }).mouseleave(function () {
        t = setInterval(lunbo, 3000)
    });
    function lunbot() {
        $(".new-n").animate({marginTop: -40}, 1000, function () {
            $(this).css({marginTop: 0});
            $(".new-n li:last").after($(".new-n li:first"))
        })
    }
    var t = setInterval(lunbot, 3000)
    $(".new-src").mouseenter(function () {
        clearInterval(t)
    }).mouseleave(function () {
        t = setInterval(lunbot, 3000)
    });
    $(function () {
        var navH = $(".choice").offset().top;
        $(window).scroll(function () {
            var scroH = $(this).scrollTop();
            if (scroH >= navH) {
                $(".choice").css({"position": "fixed", "top": 0, "box-shadow": "0 2px 2px #afaeae"});
            } else if (scroH < navH) {
                $(".choice").css({"position": "static", "box-shadow": "none"});
            }
        });
    });
</script>


<script type="text/javascript">
    var indexVm = avalon.define({
        $id: "trainingPlan",
        data: [],
        strTime: function (time) {
            return dataStr(time);
        }
    });


    function getData() {
        var param = {
            pageCurrent: 1,
            pageSize: 3
        };

        post("home/trainingPlan/getTrainingPlanList.do", param, function (data) {
            console.log(data);
            indexVm.data = data;
        }, function (msg) {
            console.log(msg);
        });
    }

    getData();
    var indexVm2 = avalon.define({
        $id: "trainingPlanbyMounthList",
        data: [],
        strTime: function (time) {
            return dataStr(time);
        }
    });
    function getTraData() {
        var param = {
            pageCurrent: 1,
            pageSize: 3
        };

        post("home/trainingPlan/getTrainingPlanbyMounthList.do", param, function (data) {
            console.log(data);
            indexVm2.data = data;
        }, function (msg) {
            console.log(msg);
        });
    }

    getTraData();

    var indexVm3 = avalon.define({
        $id: "prevMonthTraPlanList",
        data: [],
        strTime: function (time) {
            return dataStr(time);
        }
    });
    function getPreData() {
        var param = {
            pageCurrent: 1,
            pageSize: 3
        };

        post("home/trainingPlan/getPrevMonthTraPlanList.do", param, function (data) {
            console.log(data);
            indexVm3.data = data;
        }, function (msg) {
            console.log(msg);
        });
    }
    getPreData();

    var indexVm4 = avalon.define({
        $id: "noticesByType",
        data: [],
        strTime: function (time) {
            return dataStr(time);
        }
    });
    function getNoticeData() {
        var param = {
            pageCurrent: 1,
            pageSize: 3,
            NoticeType: 'activityNotice'
        };

        post("home/notice/getNoticesByType.do", param, function (data) {
            console.log(data);
            indexVm4.data = data;
        }, function (msg) {
            console.log(msg);
        });
    }
    getNoticeData();

</script>


</body>
</html>